$(document).ready(function () {
    // 出发地
    var bannerH = $(".swiper-container").offset().height;
    var formH = $(".form").offset().height;
    var marginH=bannerH+formH+7;
    var p = 1;
    $(".wrapper").css("margin-top",marginH+'px');
    var form = $("form").eq(0);
    var select = $("select", form);
    form.on("change", "select", function (event) {
        $.ajax({
            type: "post",
            url: "ajaxList",
            data: {sheng: $("#sheng").val(),length:$('#length').val()},
            dataType: "html",
            success: function (data) {
                $('#list').html(data);
            }
        })

    })

    // banner图
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 2000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination : '.swiper-pagination',
    })
    // 上拉下拉



    var li1 = $(".wrapper .ht-content").eq(0);
    tops = li1.offset().height + 20;
    $(".scroller").off().on("swipe", (function (e) {
        var li1 = $(".wrapper .ht-content").eq(0);
        var H = li1.offset().height;
        var a = li1.offset().top;
        var len = $(".wrapper .ht-content").length;
        var i = 0;
        if (a < tops) {
            myScroll.refresh();
        }
        if (a > tops) {
            if ($(".top").length) {

            } else {
                $("<div class='top' style='line-height:30px;color:#999;font-size:14px'>&nbsp;<img src='"+img+"/3.gif' style='margin-left:40%;margin-top:0.5em;height:1em;float:left;'/>更新中...</div>").insertBefore(li1);
                setTimeout(jiazai, 500);
                function jiazai() {
                    setTimeout(jian, 200);
                }

                function jian() {
                    var ji = "<img src='"+img+"/123.gif' class='jiantou' style='margin-left:40%;height:3em;'/>"
                    $(".top").replaceWith(ji);
                    setTimeout(shanchu, 0)
                }

                function shanchu() {
                     $.ajax({
                        type: "post",
                        url: "refresh",
                        data: {id:$('#list a').first().attr('href')},
                        dataType: "html",
                        success: function (data) {
                            $(".jiantou").replaceWith(data);
                             myScroll.refresh();
                        }
                    })           
                }
            }
        }

//底部部分   效果更改   依赖iscroll.js,必须position:absolute;top和bottom用来设定滚动区域显示大小,用滚动条判断,来到达底部
        var aa = myScroll.maxScrollY;//滚动条最底部
        var bb = $(".iScrollIndicator").eq(0).offset().top;//滚动条到屏幕顶端的距离
        var cc = $(".iScrollIndicator").eq(0).height();//滚动条的高度
        var headH=$(".ht-bar").eq(0).offset().height; //头部的高度
        var navH=$(".form").eq(0).offset().height;//导航栏高度
        var dd = $(".wrapper").height() + headH+navH-20;
        var ee = $(".ht-list").height();
        var formTop = $(".form").offset().top;//form到顶部的距离
        if (formTop <= 37) {
            var liFirst = $(".ht-content").eq(0);
            alert(liFirst)
            $(".form").insertBefore($(".conOne").eq(0));
            $(".wrapper").css({top: "60px"});
        }
        if ((bb + cc ) >= dd) {
            // alert(0)
            console.log("到底了,后台数据放这就可以");//到底了
            $(".wrapper").css({MarginTop:"53px"})
            $(".swiper-container").remove()
            console.log(aa, bb, cc, dd, ee, formTop)
            var BottomTip = "<div class='di' style='line-height:30px;color:#999;font-size:14px'><img src='"+img+"/3.gif' style='margin-left:40%;margin-top:0.5em;height:1em;float:left;'/>上拉刷新...</div>";
            if($(".ht-list .di").length==0){
                $(".ht-list").append(BottomTip);
            }
            myScroll.scrollBy(0, -124, 1);
            setTimeout(function () {
                $(".ht-list .di").remove();
                 $.ajax({
                        type: "post",
                        url: "loadmore",
                        data: {p:p++},
                        dataType: "html",
                        success: function (data) {
                            $('.ht-list').append(data);
                        }
                    }) 
          
                myScroll.refresh();
            }, 500);


        }

        var bannerTu = $(".swiper-container");
        // if (bb < 41) {
        //     if (bannerTu.css("display") == "none") {
        //
        //     }
        //     console.log("到顶了,可以将数据后台的新数据放这");
        //
        // }


        // if (a < (-H * len + 6 * H)) {
        //     $(".shangl").show();
        //     $(".wrapperOne").eq(0).removeClass("wrapper");
        //     $(".wrapperTwo").eq(0).addClass("wrapper");
        //     var shang1=$(".shangl").eq(0);
        //     console.log(shang1)
        //     $(".ul").eq(0).append(shang1);
        //     setTimeout(function () {
        //         $(".shangl").hide();
        //     }, 2000);
        //     setTimeout(function () {
        //         myScroll.refresh();
        //         console.log("发送ajax,将数据放这")
        //     }, 3000)
        // }


        // 图片懒加载


        Echo.init({
            offset: 0,//离可视区域多少像素的图片可以被加载
            throttle: 200 //图片延时多少毫秒加载
        });

        myScroll.refresh();
    }))

    // 图片懒加载


    Echo.init({
        offset: 0,//离可视区域多少像素的图片可以被加载
        throttle: 0 //图片延时多少毫秒加载
    });
    // // 懒加载
    // window.addEventListener('scroll', _delay, false);
    //
    // function _delay() {
    //     clearTimeout(delay);
    //     delay = setTimeout(function () {
    //         _loadImage();
    //     }, time);
    // }
    //
    // function _loadImage() {
    //     for (var i = imgList.length; i--;) {
    //         var el = imgList[i];
    //         if (_isShow(el)) {
    //             el.src = el.getAttribute('data-src');
    //             el.className = el.className.replace(new RegExp("(\\s|^)" + _selector.substring(1, _selector.length) + "(\\s|$)"), " ");
    //             imgList.splice(i, 1);
    //         }
    //     }
    // }
    //
    //
    // function _isShow(el) {
    //     var coords = el.getBoundingClientRect();
    //     return ( (coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset));
    // }


    /*   (function () {
     var imgList = [],  // 页面所有img元素集合
     delay,   // setTimeout 对象
     offset,  //偏移量，用于指定图片距离可视区域多少距离，进行加载
     time,  // 延迟载入时间
     _selector; // 选择器 默认为 .m-lazyload

     function _isShow(el) {
     var coords = el.getBoundingClientRect();
     return ( (coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset));
     }

     function _loadImage() {
     for (var i = imgList.length; i--;) {
     var el = imgList[i];
     if (_isShow(el)) {
     el.src = el.getAttribute('data-src');
     el.className = el.className.replace(new RegExp("(\\s|^)" + _selector.substring(1, _selector.length) + "(\\s|$)"), " ");
     imgList.splice(i, 1);
     }
     }
     }

     function _delay() {
     clearTimeout(delay);
     delay = setTimeout(function () {
     _loadImage();
     }, time);
     }

     function ImageLazyload(selector, options) {
     var defaults = options || {};
     offset = defaults.offset || 0;
     time = defaults.time || 250;
     _selector = selector || '.m-lazyload';
     this.getNode();
     _delay();//避免首次加载未触发touch事件,主动触发一次加载函数
     if (defaults.iScroll) {
     defaults.iScroll.on('scroll', _delay);
     defaults.iScroll.on('scrollEnd', _delay);
     } else {
     window.addEventListener('scroll', _delay, false);
     }
     }
     ImageLazyload.prototype.getNode = function () {
     imgList = [];
     var nodes = document.querySelectorAll(_selector);
     for (var i = 0, l = nodes.length; i < l; i++) {
     imgList.push(nodes[i]);
     }
     };
     })();*/


})

